<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no, email=no">
    <title>怡轩荟</title>
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <style type="text/css">
      html,body{ min-height: 100%; background-color: #333; background:url(images/background.jpg); background-repeat: no-repeat; background-position: center;background-size: cover;}
    </style>
  </head>
  <body id="app">
    <section class="padB23">
      <!-- 轮播 -->
      <div class="swiper-container full2" id="slides">
          <ul class="swiper-wrapper">
              <li class="swiper-slide">
                  <a href="javascript:void(0);" class="textC j_16 bannerImg" title="" title=""><img data-src="images/banner.jpg" src="images/imgload.gif" alt="" class="loadImg" alt="" /></a>
              </li>
              <li class="swiper-slide">
                  <a href="javascript:void(0);" class="textC j_16 bannerImg" title="" title=""><img data-src="images/banner.jpg" src="images/imgload.gif" alt="" class="loadImg" alt="" /></a>
              </li>
              <li class="swiper-slide">
                  <a href="javascript:void(0);" class="textC j_16 bannerImg" title="" title=""><img data-src="images/banner.jpg" src="images/imgload.gif" alt="" class="loadImg" alt="" /></a>
              </li>
          </ul>
          <div class="pagination"></div>
      </div>
      <!-- 菜单 -->
      <div class="font24 pad24 nav">
          <a href="#" class="navIcon w33 ljIcon" title="了解怡轩荟">了解怡轩荟</a>
          <a href="#" class="navIcon w33 lyIcon" title="怡轩礼遇">怡轩礼遇</a>
          <a href="#" class="navIcon w33 lcIcon" title="入会流程">入会流程</a>
          <a href="#" class="navIcon w33 jrIcon" title="加入怡轩荟">加入怡轩荟</a>
          <a href="#" class="navIcon w33 hzIcon" title="商家合作">商家合作</a>
          <a href="#" class="navIcon w33 lxIcon" title="联系我们">联系我们</a>
      </div>
      <!-- 资讯 -->
      <div class="infoBox pad24 borderT">
        <span class="db infoTip font36">怡轩资讯</span>
        <ul class="padTB40 infoList">
          <li class="marT24 infoItem">
            <span class="textC j_4 infoImg">
              <img data-src="images/banner.jpg" src="images/imgload.gif" alt="" class="loadImg" alt="" />
            </span>
            <div class="font30 pad24 infoText">
              <span class="title color33">30号字，行高40</span>
              <span class="db font24 padT40 colora3">2017-50-20</span>
            </div>
          </li>
          <li class="marT24 infoItem">
            <span class="textC j_4 infoImg">
              <img data-src="images/banner.jpg" src="images/imgload.gif" alt="" class="loadImg" alt="" />
            </span>
            <div class="font30 pad24 infoText">
              <span class="title color33">30号字，行高40，支持两行 文字 内容超过两行隐藏</span>
              <span class="db font24 padT40 colora3">2017-50-20</span>
            </div>
          </li>
        </ul>
        <span class="moreInfo db font30">更多资讯</span>
      </div>
    </section>

    <!-- 底部 -->
    <footer class="footer clearfix">
        <a href="index.html" class="footerIcon on fhome" title="怡轩荟首页">怡轩荟首页</a>
        <a href="display.html" class="footerIcon fauth" title="业主认证">业主认证</a>
        <a href="parnetWay.html" class="footerIcon factive" title="活动尊享">活动尊享</a>
        <a href="user.html" class="footerIcon fuser" title="会员中心">会员中心</a>
    </footer>
    
    <!-- 升级 弹出框 换img即可 -->
    <div class="popbg dn"></div>
    <div class="popBox dn">
      <i class="close"></i>
      <img class="w100" src="images/alertGold.png">
      <!-- <img class="w100" src="images/alertSilver.png"> -->
      <div class="alertBox">
        <span class="db font36">恭喜你</span>
        <span class="db font36 padT24">升级为金卡会员</span>
        <img class="w100 padT40" src="images/cardGold.png">
        <!-- <img class="w100 padT40" src="images/cardSilver.png"> -->
        <a href="javascript:;" class="visitRight font28">查看特权</a>
      </div>
    </div>

    <!-- 生日 弹出框 -->
    <div class="popbg dn"></div>
    <div class="popBox dn">
      <i class="close"></i>
      <div class="birthBox">
        <span class="font36 padT40 birthTit">尊敬的怡轩荟会员</span>
        <span class="font36 padT24 birthTit">这个月是您的生日月</span>
        <img class="birthCake padT40" src="images/cake.png">
        <a href="javascript:;" class="birthPoints font28">恭喜您获得30积分</a>
      </div>
    </div>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    
    <script type="text/javascript">
      // 轮播
        var swiper = new Swiper('.full2',{
            pagination: '.full2 .pagination',
            paginationClickable: true,
            speed: 2000,
            autoplay: false,
            loop: true
        });
        // 轮播比例
        myJS.imgScale('.j_16', '16', '9');
        myJS.imgScale('.j_4', '4', '3');
        myJS.ImgFull('.loadImg');
    </script>
  </body>
</html>
